/*
 * @Description: 文章列表组件
 * @Author: buwei.huang
 * @Date: 2019-06-21 11:29:17
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-06-28 18:36:36
 */
<template>
  <div
    class="articleList"
    id="lazyLoadImg"
  >
    <div class="articleLogo flex-h flex-hc">
      <img src="../assets/articleLogo.png" />
    </div>
    <template v-for="(item,index) in articleList">
      <article-item
        :key="'article_' + index"
        :item="item"
        :index="index"
        :isEnd="index == articleList.length - 1"
      />

    </template>
  </div>
</template>
<script>
import ArticleItem from './ArticleItem'
import { LazyLoadInit } from '../utils/lazyLoad.js'
export default {
  components: {
    'article-item': ArticleItem
  },
  props: {
    articleList: {
      type: Array,
      default: null
    }
  },
  mounted() {
    LazyLoadInit('#lazyLoadImg')
  },
  methods: {

  }
}
</script>
<style>
.articleList {
  padding: 0 30px;
}
.articleList .articleLogo {
  padding: 20px 0 4px;
}
.articleList .articleLogo > img {
  width: 235px;
  height: 55px;
}
</style>
